<%@ include file="/WEB-INF/jsp/includes/doctype.jsp"%>
<%@ include file="/WEB-INF/jsp/includes/stdtags.jsp"%>



<!DOCTYPE html>
<html>
<head>
<title>Popup contact form</title>

<style>
	@import "http://fonts.googleapis.com/css?family=Raleway";
	/*----------------------------------------------
	CSS settings for HTML div Exact Center
	------------------------------------------------*/
	#abc {
		width: 100%;
		height: 100%;
		opacity: .95;
		top: 0;
		left: 0;
		display: none;
		position: fixed;
		background-color: #313131;
		overflow: auto
	}
	
	img#close {
		position: absolute;
		right: -14px;
		top: -14px;
		cursor: pointer
	}
	
	div#popupContact {
		position: absolute;
		left: 50%;
		top: 17%;
		margin-left: -202px;
		font-family: 'Raleway', sans-serif
	}
	
	form {
		max-width: 800px;
		min-width: 250px;
		padding: 10px 50px;
		border: 2px solid gray;
		border-radius: 10px;
		font-family: raleway;
		background-color: #fff
	}
	
	p {
		margin-top: 30px
	}
	
/* 	h2 { */
/* 		background-color: #FEFFED; */
/* 		padding: 20px 35px; */
/* 		margin: -10px -50px; */
/* 		text-align: center; */
/* 		border-radius: 10px 10px 0 0 */
/* 	} */
	
	hr {
		margin: 10px -50px;
		border: 0;
		border-top: 1px solid #ccc
	}
	
	input[type=text] {
		width: 82%;
		padding: 10px;
		margin-top: 30px;
		border: 1px solid #ccc;
		padding-left: 40px;
		font-size: 16px;
		font-family: raleway
	}
	
	#name {
		background-image: url(../images/name.jpg);
		background-repeat: no-repeat;
		background-position: 5px 7px
	}
	
	#email {
		background-image: url(../images/email.png);
		background-repeat: no-repeat;
		background-position: 5px 7px
	}
	
	textarea {
		background-image: url(../images/msg.png);
		background-repeat: no-repeat;
		background-position: 5px 7px;
		width: 82%;
		height: 95px;
		padding: 10px;
		resize: none;
		margin-top: 30px;
		border: 1px solid #ccc;
		padding-left: 40px;
		font-size: 16px;
		font-family: raleway;
		margin-bottom: 30px
	}
	
	#submit {
		text-decoration: none;
		width: 100%;
		text-align: center;
		display: block;
		background-color: #FFBC00;
		color: #fff;
		border: 1px solid #FFCB00;
		padding: 10px 0;
		font-size: 20px;
		cursor: pointer;
		border-radius: 5px
	}
	
	span {
		color: red;
		font-weight: 700
	}
	
	button {
		width: 100px;
		height: 45px;
		border-radius: 3px;
		background-color: #cd853f;
		color: #fff;
		font-family: 'Raleway', sans-serif;
		font-size: 18px;
		cursor: pointer
	}
	.paddingTop25 {
		padding-top: 25px;
	}
</style>
</head>
<body id="body" style="overflow: hidden;">
	<div>
	<h1 style="margin-left: 315px;">Edit Tile</h1>
	<form:form style="margin-left: 20px; margin-right: 20px;" method="POST" commandName="tile" action="/StarHubWeb/submitTile.html" id="editTileForm">
		<table style="width: 100%">
			<tr>
				<td class="paddingTop25">Id:</td>
				<td><form:input path="id" type="text" width="400px" readonly="true" /></td>
			</tr>
			<tr>
				<td class="paddingTop25">Image:</td>
				<td><form:input path="image" type="text" width="400px" /></td>
			</tr>
			<tr>
				<td class="paddingTop25">Title:</td>
				<td><form:input path="title" type="text" width="400px" /></td>
			</tr>
			<tr>
				<td class="paddingTop25">Text:</td>
				<td><form:input path="text" type="text" width="400px" /></td>
			</tr>
			<tr>
				<td class="paddingTop25">Link:</td>
				<td><form:input path="link" type="text" width="400px" /></td>
			</tr>
		</table>
		<div style="margin: 20px 230px;width: 300px" class="one">
			<button type="button" onclick="starhub.mobile.submitEditTile()">Submit</button>
			<button type="button" onclick="popup('popUpDiv')">Cancel</button>
		</div>
	</form:form>
</div>
</body>
</html>
















